/*
Modified date: 14-Mar-2012
*/

#wt_container {
	display: block;
	background-color: #e2ded3;
	width:950px;
	text-align:left;	
	padding-top: 0px;	
	padding-right: 20px;
	padding-top:5px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

#wt_container img { border:none;}

#wt_container u {
	text-decoration:underline;
}
#wt_container abbr, acronym {
	cursor:help;
	border-bottom:.1em dotted;
}

#wt_container sub { vertical-align:sub; font-size:smaller; }
#wt_container sup { vertical-align:super; font-size:smaller; }

#wt_container pre {
	background:#eee;
	padding:20px;
	margin-bottom:1em;
    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
#wt_container blockquote {
	font-style:italic;
	margin:0 0 1em 15px;
	padding-left:10px;
	border-left:5px solid #000;
}

/* hand cursor on clickable input elements */
#wt_container label, input[type=button], input[type=submit], button { cursor: pointer; }
/* make buttons play nice in IE:   
    www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
	
/*========================*/
/*=== title, menu and summary ===*/
/*========================*/
	
#wt_container .objective {
	padding-left:10px;
	color: #3a3a3a;
	font-weight: normal;
	text-decoration: none;
	font-size: 22px;
	line-height: 60px;
	text-transform: uppercase;
}

#wt_container .site-title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#630;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
	margin-top:15px;
	margin-bottom: 20px;
    float: right;	
	line-height: 60px;
}
#wt_container .menu{ padding-left:0; margin-left:10px;}
#wt_container .menu ul {
	list-style-type: none;
	
}
#wt_container .menu li {	
	list-style:none;	
	float:left;	
	padding-bottom: 10px;
	margin:0 1px -1px 0;	
}

#wt_container .menu a{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 16px;	
	text-decoration: none;
}

#wt_container .menu a:link {
	background-color: #F8981D;
	color: white;
	text-transform:uppercase;
	font-size:13px;
	padding: 10px;
	vertical-align:middle;
	margin: 0;
} 	
#wt_container .menu a:visited {
	color: white;
	background-color: #F8981D;
}
#wt_container .menu a:hover {
	color: black;
	background-color: white;	
}

#wt_container .menu a:active {
	color: black;
	background-color: white;
}

#wt_content {
	width: 930px;
	overflow:auto;
	margin:0px auto;
	padding: 0px auto;
	background-color: #FCFCFC;				
}
#wt_content .lesson-title {
	color: #393939;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 21px;	
	line-height: 2em;
	margin: 0px 20px 3px 20px;	
	font-weight: 100;
	padding:10px;
}
#lesson-summary {
	clear: both;
	color: black;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px; line-height: 20px; text-align: left;
	padding: 10px 0 10px 0;
	margin: 0px 20px 3px 25px;	
}


#lesson-summary p{
	padding-left:0px;
	padding-right:5px;	
}
#lesson-summary ul{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#lesson-summary ul li{
	background-image: url(bullet_caption.jpg);
	background-repeat: no-repeat;	
	background-position: 0px 3px;
	padding-left: 20px;
	margin-left:5px;
	margin-top:7px;
	margin-bottom:3px;
	line-height: 20px;	
}

.lesson {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:transparent;
	font-weight: normal;
	font-size: 16px; line-height: 20px; text-align: left;color:black;
	margin: 5px 20px 5px 20px;	
}

.lesson h1, .lesson h2, .lesson h3{
	clear: both;
	color:#f8981d;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0;
	text-align:left;
}
.lesson h1{	
	font-size:32px;		
}

.lesson h2{	
	font-size:28px;		
}

.lesson h3{	
	font-size:24px;
}

.lesson p {
	/*padding-left:5px;
	padding-right:5px;	*/
}

.lesson li {
	line-height: 24px;
}